$(() => {
	$("form").validate({
		// 是否启用调试模式，true不会提交表单并在控制台上显示某些错误，反之则反
		debug: true,
		// 验证规则
		rules: {
			username: {
				required: true
			},
			pic: {
				required: true
			},
			email: {
				required: true,
				email: true,
			},

		},
		// 错误信息
		messages: {
			username: {
				required: '请输入用户名！'
			},
			pic: {
				required: '请选择您的头像'
			},
			email: {
				required: '请输入邮箱！',
				email: '请输入正确的邮箱地址'
			}
		},
		// 表单验证要忽略的元素，默认忽略隐藏元素（":hidden"）
		ignore: '.ignore',
		// 指定存放错误提示的元素
		errorElement: 'label',
		// 验证失败的类样式
		errorClass: "error",
		// 验证成功的类样式
		validClass: "success",
		// 创建自定义的错误标签的位置，如果验证失败则会调用它
		// errorPlacement: (error, element) => {
		// 	// element：验证的元素
		// 	// error：提示信息存放元素
		// },
		// 验证失败时，如何突出显示提示信息
		highlight: (element, errorClass, validClass) => {
			// element：提示信息存放元素
			// errorClass：与errorClass属性关联
			// validClass：与validClass属性关联
		},
		// 验证成功时，如何去除提示信息
		unhighlight: (element, errorClass, validClass) => {

		},
		// 是否提交时验证表单，默认为 true
		onsubmit: true,
		// 处理表单有效提交的回调
		submitHandler: form => {
			// ...
		},
		// 处理表单无效提交的回调
		invalidHandler: (event, validator) => {
			// event：事件对象
			// validator：当前表单的验证器实例
			// console.log(validator.errorList);
		}
	})
});
